<template>
  <div>
    <h2>One</h2>
    <p>count:{{ count }}</p>
  </div>
</template>

<script>
export default {
  name: "One",
  data() {
    return {
      count: 0,
    };
  },
  mounted() {
    // console.log(this.C);
    /* 
      接受数据的组件定义事件函数,给C绑定自定义事件
    */
    this.$bus.$on("changeCount", (num) => {
      //如果事件总线的方式的自定义事件函数书写普通函数,因为事件是绑定$bus(vm实例的),所以事件函数的this指向的是vm实例,不是当前的组件实例
      //所以事件总线的事件函数如果直接书写,请写成箭头函数,这样的话,可以抛弃应有的this指向,从而拿到自己的组件实例
      console.log(this);
      this.count += num;
    });
  },
};
</script>

<style></style>
